<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>选择机构</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">


</head>

<body>

    <!-- header -->
    <div>
        <div class='px-tip'>
            <div id='affiche'>
                <div class="display-flex align-items-center affiche_text">
                    <img src="../img/rz-tips.png" alt="">
                    <p class="font-12 black no-margin">请在报价期结束前选择合适的培训机构，距离结束时间<span class="orange1">1天23小时34分钟</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 内容 -->
        <div class="margin-b-10">
            <div class="widget-default widget-body display-flex margin-b-1 padding-b-10">
                <div class="position-img-l">
                    <img src="../img/bg_default.png" alt="">
                    <img src="../img/v.png" alt="">
                </div>
                <div class="display-flex flex-column margin-l-10 margin-t-f5">
                    <p class="no-margin font-16 font-weight black1 elli1">杨凌农业云服务有限公司业云服务有限业云服务有限</p>
                    <div class="padding-t-5 padding-b-5">
                        <span class="tuli-content1 font-14 tuli-bg">水果</span>
                        <span class="tuli-content1 font-14 tuli-bg">水果水果水果水果水果</span>
                    </div>
                    <p class="font-12 gray no-margin line-height-18">2020年01月14日</p>
                    <p class="font-12 gray no-margin line-height-18">地址：陕西省杨凌示范区</p>
                </div>
            </div>
            <div class="text-right padding-10-15 widget-default">
                <span class="tuli-content2 font-13">选择TA</span>
                <span class="tuli-content2 font-13">查看报价</span>
            </div>
        </div>

        <!--  -->
        <div class="margin-b-10">
            <div class="widget-default widget-body display-flex margin-b-1 padding-b-10">
                <div class="position-img-l">
                    <img src="../img/bg_default.png" alt="">
                    <img src="../img/v.png" alt="">
                </div>
                <div class="display-flex flex-column margin-l-10 margin-t-f5">
                    <p class="no-margin font-16 font-weight black1 elli1">杨凌农业云服务有限公司业云服务有限业云服务有限</p>
                    <div class="padding-t-5 padding-b-5">
                        <span class="tuli-content1 font-14 tuli-bg">水果</span>
                        <span class="tuli-content1 font-14 tuli-bg">水果水果水果水果水果</span>
                    </div>
                    <p class="font-12 gray no-margin line-height-18">2020年01月14日</p>
                    <p class="font-12 gray no-margin line-height-18">地址：陕西省杨凌示范区</p>
                </div>
            </div>
            <div class="text-right padding-10-15 widget-default">
                <span class="tuli-content2 font-13">选择TA</span>
                <span class="tuli-content2 font-13">查看报价</span>
            </div>
        </div>
        <!--  -->

    </div>


    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>
    <script>
        (function () {
            var timer = setTimeout(this.marquee, 1000);
        }());

        function marquee() {
            var scrollWidth = $('#affiche').width();
            var textWidth = $('.affiche_text').width();
            var i = scrollWidth;
            setInterval(function () {
                i--;
                if (i < -textWidth) {
                    i = scrollWidth;
                }
                $('.affiche_text').animate({
                    'left': i + 'px'
                }, 20);
            }, 20);
        }
    </script>

</body>

</html>